<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="__VIEW__/css/style1.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="__STATIC__/css/hdjs.css" />
<script type="text/javascript" src="__STATIC__/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/hdjs.min.js"></script>
<style>
	th,td{
		text-indent: 0px !important;
		text-align: center !important;
	}
	span{	display:inline !important;	}
</style>
<script language="javascript">
$(function(){	
	//导航切换
	$(".imglist li").click(function(){
		$(".imglist li.selected").removeClass("selected")
		$(this).addClass("selected");
	})	
})	
</script>
<script type="text/javascript">
$(document).ready(function(){
  $(".click").click(function(){
  $(".tip").fadeIn(200);
  });
  
  $(".tiptop a").click(function(){
  $(".tip").fadeOut(200);
});

  $(".sure").click(function(){
  $(".tip").fadeOut(100);
});

  $(".cancel").click(function(){
  $(".tip").fadeOut(100);
});

});
</script>
</head>


<body>

	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><a href="#">首页</a></li>
    <li><a href="#">商品管理</a></li>
    <li><a href="#">商品列表</a></li>
    
    </ul>
    </div>
    
    <div class="rightinfo">
    
    <div class="tools">
    
    	<ul class="toolbar">
        
        <li><span><img src="__VIEW__/images/t04.png" /></span>统计</li>
        </ul>
    
    </div>
    
    <form action="__CONTROLLER__/addGoodList" method="post">
    <input type="hidden" value="{$hd.get.gid}" name="goods_gid" />
    <table class="imgtable">
    
    <thead>
    <tr>
    <th width="100px;">货品ID</th>
    <foreach from="$newSpec.st" key="$key" value="$val">
    	<th>
    		{$val}
    	</th>
    </foreach>
    	<th>
    		数量
    	</th>
    	<th>
    		货号
    	</th>
    	<th>
    		操作
    	</th>
    </tr>
    </thead>
    
    <tbody>
    	
    	<foreach from="$goodsNum" key="$gk" value="$gv">
    		<tr lid="{$gv.lid}" class="rows">
    			<td>{$gv.lid}</td>
    			<foreach from="$gv.combinename" key="$cit" value="$cname">
    				<td class="combinetd">
    					{$cname}
    				</td>
    			</foreach>
    			<td class="goods_number">{$gv.goods_number}</td>
    			<td class="goods_sn">{$gv.goods_sn}</td>
    			<td>
    				<a href="javascript:;" class="hd-btn hd-btn-success changeCombine">修改</a>
    				<a href="javascript:;" onclick="" lid="{$gv.lid}" class="delList hd-btn hd-btn-danger">删除</a>
    			</td>
    		</tr>
    	</foreach>
    		
   <tr>
   		
   </tr>
    <tr>
    	<td>
    		添加
    	</td>
    	<foreach from="$newSpec.st" key="$k" value="$vv">
    		<td>
    			<select class="combines" style="border:1px solid black;width:100px;height:30px;" name="combine{$k}" >
    			<option value="0">请选择</option>
    			<foreach from="$newSpec" key="$kk" value="$vvv">
    				<if value="$vv==$vvv.attrname">
    				<option value="{$vvv.attid}">{$vvv.attr_value}</option>
    				</if>
    			</foreach>
    			</select>
    		</td>
    	</foreach>
    	<td><input type="text" class="dfinput" name="goods_number" placeholder="请输入数量" /></td>
    	<td><input type="text" class="dfinput" name="goods_sn" placeholder="请输入货号,不输入随机生成" /></td>
    </tr>
    <script type="Text/javascript">
    	//当双击此行时将所有td转为相应的表单
    	//当前行的值
    	//保存单元格中的值
    	//保存新值
    	var newcomb = [];
    	//保存新值的字符串
    	var newcombstr = [];
    	var tdval = [];
    	$('.rows').find('select.combines').live('change',function(){
    		if($(this).val()!=0){
    			//将新值和新值的内容压入到数组中
    			newcomb[$(this).index('.combines')] = $(this).val();
    			newcombstr[$(this).index('.combines')] = $(this).find(':selected').html();
    		}else{
    			return false;
    		}
    	});
    	$('.rows').dblclick(rowDbChange);
    	//每行的双击事件处理的函数
    	function rowDbChange(){
//  		$(this).off();
    		$isThis = $(this);
    		//查询当前组合的单元格
    		var c = $(this).find('.combinetd');
    		//获得所有的添加时的表单
    		var $combines = $('.combines');
    		for(var i=0;i<c.length;i++){
    			tdval.push($.trim(c.eq(i).html()));
    			c.eq(i).html($combines.eq(i).clone());
    		}
    		//双击时先拿到原来的数量
    		goods_number = $(this).find('.goods_number').html();
    		$(this).find('.goods_number').html($('input[name=goods_number]').clone().val(goods_number));
    		//双击时先拿到原来的货品号
    		goods_sn = $(this).find('.goods_sn').html();
    		$(this).find('.goods_sn').html($('input[name=goods_sn]').clone().val(goods_sn));
    		
    		$('html body').keydown(function(e){
//  			$isThis.off();
    			//当按下ESC恢复到原来的内容中
    			var c = $isThis.find('.combinetd');
    			if(e.keyCode==27){
    				for(var j=0;j<c.length;j++){
    					c.eq(j).html(tdval[j]);	
    				}
    				//恢复数字和货号
	    			$isThis.find('.goods_number').html(goods_number);
	    			$isThis.find('.goods_sn').html(goods_sn);
	    			tdval = [];
//	    			$('.rows').dblclick(rowDbChange);
    			}
    			
    		})
    	}
    	
    	//当点击修改时
    	$('.changeCombine').click(function(){
    		var arr = {};
    		//当前行
    		var $thisTr = $(this).closest('.rows');
    		var clen = $thisTr.find('.combines').length;
    		var c = $thisTr.find('.combines');
    		//当前货品列表ID
    		arr['lid'] = $thisTr.find('td:first').html();
			arr['newcomb'] = newcomb;
    		//新值的字符串
    		arr['newcombstr'] = newcombstr;
    		//保存新数量
    		arr['newNum'] = $thisTr.find('input[name=goods_number]').val();
    		//保存新的货号
    		arr['newSn'] = $thisTr.find('input[name=goods_sn]').val();
    		
    		//发送异步判断之前这个组合是否已经存在如果不存在那么修改这个列表
//  		console.log(arr);
    		$.ajax({
    			url:"{|U:'editIsCombineDefine'}",
    			data:{data:JSON.stringify(arr)},
    			type:'post',
    			dataType:'json',
    			success:function(phpData){
    				hd_alert({
    					message:phpData.message,
    					timeout:3
    				});
    				//当返回状态为1表示已经修改成功了那么将
    				//原来的值放到原来的位置上
    				if(phpData.status==1){
//  					console.log(phpData.data);
    					$thisTr.find('.goods_number').html(phpData.data.newNum);
    					goods_number = phpData.data.newNum;
    					$thisTr.find('.goods_sn').html(phpData.data.newSn);
    					goods_sn = phpData.data.newSn;
    					for(var i=0;i<clen;i++){
    						tdval[i] = phpData.data.newcombstr[i];
    						c.eq(i).parent('td').html(phpData.data.newcombstr[i]);
    					}
    				}
    				    				
    			}
    		})
    		
    		
    		newvalstr = [];
    		newcomb = [];
    		arr = null;
    		
    		
    	})
    	
    </script>
    </tr>
     
    
    </tbody>
   
    </table>
    <br />
    <input class="btn" type="submit" value="提交修改" />
     </form>
    
    </div>
    
<script type="text/javascript">
	var clen = $('.combines').length;
	var $combine = $('.combines');
	var remote = [];

	$('.combines').change(function(){
		//当点击下拉菜单 时
		for(var i=0;i<clen;i++){
			if($combine.eq(i).val()==0){
				return false;
			}else{
				remote[i] = $combine.eq(i).val();
			}
		}
		$.ajax({
			url:'__CONTROLLER__/isCombineDefine',
			data:{combine:remote},
			dataType:'json',
			type:'post',
			success:function(phpData){
				if(phpData==1){
					hd_alert({
						message:'组合已经存在请更换',
						timeout:3
					})
				}
			}
		});
	});

    $('.delList').click(function(){
    	var lid = $(this).attr('lid');
    	$isThis = $(this);
        hd_modal({
            width: 400,//宽度
            height: 200,//高度
            title: '你确定要删除吗?',//标题
            content: '您确定要删除这个库存吗?',//提示信息
            button: true,//显示按钮
            button_success: "确定",//确定按钮文字
            button_cancel: "关闭",//关闭按钮文字
            timeout: 0,//自动关闭时间 0：不自动关闭
            shade: false,//背景遮罩
            shadeOpacity: 0.9,//背景透明度
            success: function () {//点击确定后的事件
				$.ajax({
					data:{lid:lid},
					url:'__CONTROLLER__/delGoodsList',
					dataType:'json',
					type:'post',
					success:function(phpData){
						$isThis.parents('tr').remove();
						hd_alert({
							message:phpData.message,
							timeout:3
						})
					}
				})
            },
            cancel: function () {//点击关闭后的事件

            }
        });
    });
    $('.imgtable tbody tr:odd').addClass('odd');
</script>
    
</body>

</html>
